﻿@{
    Layout = "~/Views/Shared/_LayoutNguoiDung.cshtml";
    ViewBag.Title = "Trang chủ";
}

<script src="../../Scripts/myScript/home.js" type="text/javascript"></script>

<style type="text/css">
    #leftContent ul li {
        list-style: none;
        margin: 0 0 0 -10px;
    }

        #leftContent ul li a {
            font-size: 14pt;
            text-decoration: none;
            padding: 5px 2px;
            color: #88f;
            display: block;
            padding-left: 10px;
            text-shadow: 1px 1px 1px #000;
        }

            #leftContent ul li a:hover {
                text-decoration: underline;
            }

            #leftContent ul li a.sel {
                background: #ddf;
            }
</style>

<div style="width: 1000px; margin: auto">
    <div id="leftContent" style="float: left; width: 200px; margin: 0">
        <div id="divCaNhan" style="margin: 10px 0 0 10px">
            <div style="float: left; cursor: pointer">
                <img alt="..." width="35" height="35" src="../../Images/srch.png" />
            </div>
            <div style="float: left; margin: 10px 0">
                <a href="javascript:void(0)" style="text-decoration: none; color: #00f; font-weight: bold">&nbsp;Nguyễn Lạc Văn
                </a>
            </div>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>

        <div>
            <ul>
                <li><a id="bnChaoMung" href="javascript:void(0)'">Chào mừng</a></li>
                <li><a id="bnBangTin" class="sel" href="javascript:void(0)'">Bảng tin</a></li>
                <li><a id="bnTinNhan" href="javascript:void(0)">Tin nhắn</a></li>
                <li><a id="bnAlbumAnh" href="javascript:void(0)'">Album ảnh</a></li>
                <li><a id="bnBanBe" href="javascript:void(0)">Bạn bè</a></li>
            </ul>
        </div>

    </div>

    <div id="centerContent" style="float: left; width: 590px; min-height: 520px; margin: 0; border-left: 1px solid rgb(104,33,122)">
        <div style="margin: 20px 10px 5px 20px"><b>Cập nhật trạng thái</b></div>
        <div style="margin: 0 20px 0 20px; border: 1px solid #88f">
            <textarea style="width: 100%; border: none; overflow: hidden; resize: none; min-height: 50px; font-family: Tahoma; vertical-align: bottom"
                name="txtTrangThai" id="txtTrangThai"
                onkeyup="javascript:fitHeightToContent(this.id);"></textarea>
            <div class="clear"></div>
            <div style="width: 548px; background: #ccf">
                <div style="float: right">
                    <div style="color: #fff; width: 100px; height: 25px; cursor: pointer; line-height: 25px; text-align: center; text-shadow: 1px 1px 1px #000; background: rgb(91,116,168); border: 2px solid #aaf"
                        id="bnDangTrangThai">
                        Đăng
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>

        <div style="border-bottom: 1px solid rgb(104,33,122); width: 98%; text-align: right; margin: 15px 0; font-weight: bold; color: #00f; text-shadow: 1px 1px 1px #0f0">
            <span style="cursor: pointer">Sắp xếp</span>
        </div>
        <div class="clear"></div>

        <div id="baiDangs">
            <div id="bai-1" style="margin: 20px">
                <div style="float: left; width: 50px">
                    <img alt="..." src="../../Images/onl.png" width="50" height="50" />
                </div>
                <div style="float: left; width: 490px">
                    <a href="javascript:void(0)" style="margin: 0 0 0 10px; font-family: 'Times New Roman'; font-size: 11pt; font-weight: bold; text-decoration: none">Hoi Tao lao</a>
                    <div style="margin: 10px 0 0 10px">noi dung binh luan</div>
                    <div>
                        <div class="binhLuan" style="word-wrap: break-word"></div>
                        <div style="float: left; width: 35px">
                            <img alt="..." src="../../Images/onl.png" width="35" height="35" />
                        </div>
                        <div>
                            <textarea style="width: 85%; overflow: hidden; resize: none; height: 20px; font-family: Tahoma; font-size: 10pt; margin: 5px 0 0 10px"
                                name="txtBinhLuan" id="txtBinhLuan-1"
                                onkeyup="javascript:fitHeightToContent(this.id);"></textarea>
                        </div>
                        <div class="fb-like" data-send="true" data-width="450" data-show-faces="true"></div>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>

    <div id="rightContent" style="float: right; width: 200px; margin: 0">
    </div>

    <div class="clear"></div>
</div>
